<template>
	<div class="recharge">	 
		<RechargeRecordTop></RechargeRecordTop>
    <div v-if="list == ''" style="text-align: center;margin-top: 30%">
        <div>
            <img src="./../../assets/images/nolist.png" alt="" width="30%">
        </div>
        抱歉，您还没有充值记录
    </div>
    <div class="customer_lists" v-for="(item,index) of list" v-else>
        <div class="customer_lists_l">
            <div class="mypoints_m">
                <img src="./../../assets/images/idcard_icon.png" alt="图片加载失败" >
            </div>
            <div class="customer_lists_l_r">
                <p>{{item.class_name}}</p>
                <span>{{item.createtime}}</span>
            </div>
            </div>
            <div class="customer_lists_r">{{item.amount}}
               <!--  <p style="color：#999;font-size: 12px;line-height: 30px" v-show="item.status==1">交易关闭</p>
                <p style="color：#999;font-size: 12px;line-height: 30px" v-show="item.status==2">失败</p> -->
            </div>
        </div>
    </div>
  </div>
</template>
<script>
import RechargeRecordTop from './components/RechargeRecordTop.vue'
import { rechargeRecodes } from '@/api/allapis'
export default{
  name: 'RechargeRecord',
  data:function() {
    return {
      list:[],
      param:{
        page:1,
        rows:10,
      }
    }             
  },
  methods:{
      loadData(){
        rechargeRecodes(this.param).then(response=>{
          this.list = response.data.list
        })
      },
  },
  created(){
    this.loadData()
  },
  components:{
  	RechargeRecordTop
  }
}
</script>
<style scoped>
.recharge{padding-top:50px;}
</style>


